import { styled } from "styled-components";

export const CustomTitleWarpper = styled.div`
.header{
    display: flex;
    align-items: center;
    height: 32px;
    width: 100%;
    background-color: #bfe5f9;
    font-size: 16px;
    font-weight: 600;
    margin: 12px 0;
    .line{
        display: inline-block;
        width: 4px;
        height: 24px;
        background-color: #4387d6;
        margin: 0 8px 0 12px;
    }
    .dot{
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #4387d6;
        margin: 0 4px 0 12px;
    }
}
`